import bannerIcon from "@/assets/images/decorate/bannerIcon.png";
export default {
    id: "1-1",
    title: "图片轮播",
    name: "pictureRotation",
    ename: "carouselImageComponent", //中间区域，组件的名称
    icon: "iconfont icon-jichu-tupianlunbo",
    canDelete: true,
    fixedBottom: false, // 固定在底部，其下不能再添加组件
    active: "",
    main: {
        carouselDotsStyle: 1, //轮播点样式
        carouselDotsStyleCls: "indicatorsStyleLine",
        carouselDotsPosition: 1, //轮播点位置
        carouselDotsPositionCls: "indicatorsCenter",
        carouselDotsHighLightColor: "#ffffff", //轮播点高亮颜色
        autoplay: true, //自动切换
        interval: 3, //切换间隔（这里是毫秒，实际应用的时候要乘以1000）
        loop: true, //循环显示
        direction: "horizontal", //展示方向
        type: "", //展示类型
        indicatorPosition: "", //指示器外置
        listIndex: 0, //记录当前的轮播图的索引
        carouselList: [
            //轮播图内容列表
            {
                id: 1,
                imgUrl: "",
                default: bannerIcon,
                height: 150,
                linkUrl: "",
                linkName: "",
            },
            {
                id: 2,
                imgUrl: "",
                default: bannerIcon,
                height: 150,
                linkUrl: "",
                linkName: "",
            },
        ],
        wrapperHeight: 150, //轮播图组件默认高度
        PaddingTop: 0, //内容样式-上间距
        PaddingBottom: 0, //内容样式-下间距
        PaddingLR: 0, //内容样式-左右间距
        borderRadiusTop: 0, //内容样式-上边角
        borderRadiusBottom: 0, //内容样式-下边角

        //容器颜色
        wrapperBgColor: "#FFFFFF", //背景颜色
        wrapperBgImg: "", // 背景图片
        wrapperPT: 0, //上间距
        wrapperPB: 0, //下间距
        wrapperPLR: 0, //左右间距
        wrapperBTR: 0, //上边角
        wrapperBBR: 0, //下边角
    },
    right: [{
            id: "1-1-1",
            name: "模块风格",
            direction: "column",
            open: true,
            catalog: [{
                    id: "1-1-1-1",
                    name: "",
                    ename: "carouselDotsStyle", //用于自动对标main区域数据字段
                    title: "显示样式：",
                    display: "block",
                    default: 1,
                    value: 1,
                    controlName: "radioGroupComponent",
                    options: [{
                            id: 1,
                            name: "圆角",
                            icon: "iconfont icon-yuanjiaofangkuang",
                            active: "indicatorsStyleLine", //若选中圆角，则使用此类名
                            ename: "carouselDotsStyleCls",
                            value: "indicatorsStyleLine",
                        },
                        {
                            id: 2,
                            name: "圆形",
                            icon: "iconfont icon-yuan-yuanjiao",
                            active: "indicatorsStyleDot",
                            ename: "carouselDotsStyleCls",
                            value: "indicatorsStyleDot",
                        },
                        {
                            id: 3,
                            name: "数字",
                            icon: "iconfont icon-shuzi1",
                            active: "indicatorsStyleNumber",
                            ename: "carouselDotsStyleCls",
                            value: "indicatorsStyleNumber",
                        },
                    ],
                },
                {
                    id: "1-1-1-2",
                    name: "",
                    ename: "carouselDotsPosition",
                    title: "位置：",
                    display: "block",
                    value: 2,
                    default: 2,
                    controlName: "radioGroupComponent",
                    options: [{
                            id: 1,
                            name: "居左",
                            icon: "iconfont icon-juzuo2",
                            ename: "carouselDotsPositionCls",
                            active: "indicatorsLeft",
                            value: "indicatorsLeft",
                        },
                        {
                            id: 2,
                            name: "居中",
                            icon: "iconfont icon-shuxiangjuzhongduiqi",
                            active: "indicatorsCenter",
                            ename: "carouselDotsPositionCls",
                            value: "indicatorsCenter",
                        },
                        {
                            id: 3,
                            name: "居右",
                            icon: "iconfont icon-juyou1",
                            active: "indicatorsRight",
                            ename: "carouselDotsPositionCls",
                            value: "indicatorsRight",
                        },
                    ],
                },
                {
                    id: "1-1-1-3",
                    name: "",
                    ename: "carouselDotsHighLightColor",
                    title: "选中颜色：",
                    display: "block",
                    value: "#FFFFFF",
                    default: "#FFFFFF",
                    controlName: "colorComponent",
                },
                {
                    id: "1-1-1-4",
                    name: "",
                    ename: "wrapperHeight",
                    title: "容器高度：",
                    type: "number",
                    display: "none",
                    min: 50,
                    max: 500,
                    value: 150,
                    controlName: "inputComponent",
                    default: 150,
                    suffix: "px",
                },
                {
                    id: "1-1-1-5",
                    name: "",
                    ename: "autoplay",
                    title: "自动切换：",
                    display: "none",
                    value: 1,
                    controlName: "radioComponent",
                    default: 1,
                    options: [{
                            id: 1,
                            name: "是",
                            value: true,
                        },
                        {
                            id: 2,
                            name: "否",
                            value: false,
                        },
                    ],
                },
                {
                    id: "1-1-1-6",
                    name: "",
                    ename: "interval",
                    title: "切换间隔：",
                    type: "number",
                    display: "none",
                    value: 3,
                    controlName: "inputComponent",
                    maxLength: 2,
                    min: 1,
                    step: 1,
                    max: 30,
                    default: 3,
                    placeholder: "请输入间隔秒数",
                    suffix: "秒",
                },
                {
                    id: "1-1-1-7",
                    name: "",
                    ename: "loop",
                    title: "循环显示：",
                    display: "none",
                    value: 1,
                    controlName: "radioComponent",
                    default: 1,
                    options: [{
                            id: 1,
                            name: "是",
                            value: 1,
                        },
                        {
                            id: 0,
                            name: "否",
                            value: 0,
                        },
                    ],
                },
                {
                    id: "1-1-1-8",
                    name: "",
                    ename: "direction",
                    title: "展示方向：",
                    display: "none",
                    value: 1,
                    controlName: "radioComponent",
                    default: 1,
                    options: [{
                            id: 1,
                            name: "水平",
                            value: "horizontal",
                        },
                        {
                            id: 2,
                            name: "垂直",
                            value: "vertical",
                        },
                    ],
                },
                {
                    id: "1-1-1-9",
                    name: "",
                    ename: "type",
                    title: "展示类型：",
                    display: "none",
                    value: 1,
                    controlName: "radioComponent",
                    default: 1,
                    options: [{
                            id: 1,
                            name: "默认",
                            value: "",
                        },
                        {
                            id: 2,
                            name: "卡片",
                            value: "card",
                        },
                    ],
                },
                {
                    id: "1-1-1-10",
                    name: "",
                    ename: "indicatorPosition",
                    title: "指示器外置：",
                    display: "none",
                    value: 1,
                    controlName: "radioComponent",
                    default: 1,
                    options: [{
                            id: 1,
                            name: "默认",
                            value: "",
                        },
                        {
                            id: 2,
                            name: "外置",
                            value: "outside",
                        },
                    ],
                },
            ],
        },
        {
            id: "1-1-3",
            name: "模块样式",
            direction: "column",
            open: true,
            catalog: [{
                    id: "1-1-3-1",
                    title: "上间距：",
                    display: "block",
                    name: "",
                    ename: "paddingTop",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-1-3-2",
                    title: "下间距：",
                    display: "block",
                    name: "",
                    ename: "paddingBottom",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-1-3-3",
                    title: "左右间距：",
                    display: "block",
                    name: "",
                    ename: "paddingLR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-1-3-4",
                    title: "上边角：",
                    display: "block",
                    name: "",
                    ename: "borderRadiusTop",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-1-3-5",
                    title: "下边角：",
                    display: "block",
                    name: "",
                    ename: "borderRadiusBottom",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
            ],
        },{
            id: "1-1-2",
            name: "模块内容",
            direction: "column",
            open: true,
            catalog: [{
                id: "1-1-2-1",
                name: "",
                ename: "carouselList",
                title: "",
                display: "block",
                controlName: "carouselImageGroupComponent",
                list: [{
                        id: 1,
                        imgUrl: "",
                        default: bannerIcon,
                        linkUrl: "",
                        linkName: "",
                        height: 150,
                    },
                    {
                        id: 2,
                        imgUrl: "",
                        default: bannerIcon,
                        linkUrl: "",
                        linkName: "",
                        height: 150,
                    },
                ],
            }],
        },
        {
            id: "1-1-4",
            name: "容器样式",
            direction: "column",
            open: true,
            catalog: [{
                    id: "1-1-4-1",
                    name: "",
                    ename: "wrapperBgColor",
                    title: "背景颜色：",
                    display: "block",
                    value: "#FFFFFF",
                    default: "#FFFFFF",
                    controlName: "colorComponent",
                },{
                    id: "1-1-4-2",
                    name: "",
                    ename: "wrapperBgImg",
                    title: "背景图片：",
                    display: "block",
                    value: "",
                    default: "",
                    controlName: "chooseImageComponent",
                },{
                    id: "1-1-4-3",
                    title: "上间距：",
                    display: "block",
                    name: "",
                    ename: "wrapperPT",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-1-4-4",
                    title: "下间距：",
                    display: "block",
                    name: "",
                    ename: "wrapperPB",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-1-4-5",
                    title: "左右间距：",
                    display: "block",
                    name: "",
                    ename: "wrapperPLR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-1-4-6",
                    title: "上边角：",
                    display: "block",
                    name: "",
                    ename: "wrapperBTR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
                {
                    id: "1-1-4-7",
                    title: "下边角：",
                    display: "block",
                    name: "",
                    ename: "wrapperBBR",
                    min: 0,
                    max: 50,
                    step: 1,
                    controlName: "sliderComponent",
                    default: 0,
                    value: 0,
                    suffix: "px",
                },
            ],
        }
    ],
}